<template>
  <el-container class="admin-layout">
    <el-aside width="220px">
      <el-menu :default-active="$route.path" router>
        <el-menu-item index="/admin/dashboard">仪表盘</el-menu-item>
        <el-menu-item index="/admin/users">用户管理</el-menu-item>
        <el-menu-item index="/admin/photographer-list">摄影师管理</el-menu-item>
        <el-menu-item index="/admin/orders">订单管理</el-menu-item>
        <el-menu-item index="/admin/applications">申请审核</el-menu-item>
        <el-menu-item index="/admin/announcements">公告管理</el-menu-item>
      </el-menu>
    </el-aside>
    <el-container>
      <el-header style="background: #fff; border-bottom: 1px solid #eee; display: flex; align-items: center;">
        <span style="color: #222; font-size: 22px; font-weight: bold; letter-spacing: 2px;">管理后台</span>
      </el-header>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script setup lang="ts">
</script>

<style scoped>
.admin-layout { height: 100vh; }
</style> 